﻿@{
    Layout = null;
}
<html lang="zh-CN" class="fp-enabled" style="overflow: hidden; height: 100%;">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="~/Content/images/favicon.ico">
    <title>国家仓储资源运营平台</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 16px/1.8 "Microsoft Yahei", verdana;
        }

        #ewsd {
            margin-top: 64px;
        }

        .section {
            position: relative;
            overflow: hidden;
        }

            .section strong {
                position: absolute;
                left: 50%;
                top: 15%;
                z-index: 10;
                width: 512px;
                height: 45px;
                margin-left: -256px;
                font-size: 48px;
                font-weight: 500;
                color: white;
                opacity: 0;
                -webkit-transform: scale(0.5, 0.5);
                transform: scale(0.5, 0.5);
                transition: all 1s;
            }

        .bg51, .bg52, .bg53{
            position: absolute;
            z-index: 1;
            width: 208px;
            left: 50%;
            bottom: 25%;
            padding-top: 210px;
            color: #fff;
        }

        .section5 h4 {
            margin-bottom: 12px;
            font-size: 23px;
            font-weight: 500;
        }

        .section5 p {
            font-size: 14px;
        }

        .active strong, .active h3 {
            opacity: 1;
            -webkit-transform: scale(1, 1);
        }

        .active .bg51 {
            margin-left: -451px;
            background: url(/Content/login/bg51.png) 50% 0 no-repeat;
        }

        .active .bg52 {
            margin-left: -103px;
            background: url(/Content/login/bg52.png) 50% 0 no-repeat;
        }

        .active .bg53 {
            margin-left: 245px;
            background: url(/Content/login/bg53.png) 50% 0 no-repeat;
        }
    </style>
</head>

<body style="width: 100%; height: 100%; background-image: url(/Content/login/login_img.jpg);" class="fp-viewing-solution">
    <div id="ewsd" style="height: 100%; position: relative;">
        <div class="section section5 active" data-anchor="solution" style="height: 100%;">
            <strong>国家仓储资源运营平台</strong>
            <div class="bg51" style="text-align:center;cursor:pointer;" onclick="window.open('/Client/Default/Index')">
                <h4><a href="#" style="color: #fff;text-decoration-line: none;">仓库寻租入口</a></h4>
                <p>利用大数据分析，结合用户浏览记录等，可针对不同客户进行仓储信息的针对化推荐</p>
            </div>
            <div class="bg52" style="text-align:center;cursor:pointer;" onclick="window.open('/Home/Index')">
                <h4>
                    <a href="#" style="color: #fff;text-decoration-line: none;">园区运营入口</a>
                </h4>
                <p>利用物联网技术，对园区进行实时环境监控，做到问题早发现早处理</p>
            </div>
            <div class="bg53" style="text-align:center;cursor:pointer;" onclick="window.open('/Home/Analysis')">
                <h4><a href="#" style="color: #fff;text-decoration-line: none;">决策咨询入口</a></h4>
                <p>利用云计算及大数据分析，为政府部门和相关产业提供必要决策依据</p>
            </div>
            @*<div class="bg54">
                    <h4><a href="#" style="color: #fff;text-decoration-line: none;">Web即时聊天通讯</a></h4>
                    <p>与企业级信息系统组织机构及用户完美整合，实现基于网页端的即时聊天，实时沟通。</p>
                </div>*@
        </div>
    </div>
</body>
</html>